<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户信息列表</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../js/skins/square/red.css">
    <link rel="stylesheet" href="../css/bootstrap-datetimepicker.min.css">
    <style>
        .datetimepicker {
            z-index: 19891016;
        }
    </style>
</head>

<body style="padding: 100px;">
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="form-inline">
                <input type="text" class="form-control" id="txtno" placeholder="按工号查询" />
                <input type="text" class="form-control" id="txtname" placeholder="按姓名查询" />
                <button class="btn btn-primary" id="btnQuery">查询</button>
                <button class="btn btn-primary" id="btnAdd">新增</button>
                <button class="btn btn-primary" id="btnDel">刪除</button>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-body">
            <table class="table table-responsive table-striped table-hover">
                <thead>
                    <tr>
                        <th><input type="checkbox" class="checkbox" id="checkAll" /></th>
                        <th>工号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>密码</th>
                        <th>年龄</th>
                        <th>出生日期</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="tbody">
                    <tr>
                        <td><input type="checkbox" class="checkbox" value="1001" /></td>
                        <td name="no">1001</td>
                        <td name="name">张三</td>
                        <td name="sex">男</td>
                        <td name="password">123</td>
                        <td name="age">12</td>
                        <td name="birth">2008-01-01</td>
                        <td><button class="btn btn-link" onclick="update('1001')">编辑</button></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" class="checkbox" value="1002" /></td>
                        <td name="no">1002</td>
                        <td name="name">李四</td>
                        <td name="sex">女</td>
                        <td name="password">123</td>
                        <td name="age">12</td>
                        <td name="birth">2008-01-01</td>
                        <td><button class="btn btn-link" onclick="update('1002')">编辑</button></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="panel-body" id="div_add" style="display: none;padding: 20px;">
        <input type="hidden" id="hidNo" />
        <div class="row">
            <div class="form-group">
                <label>工号</label>
                <input type="text" id="no" class="form-control" />
            </div>
        </div>
        <div class="row">
            <div class="form-group">
                <label>姓名</label>
                <input type="text" id="name" class="form-control" />
            </div>
        </div>
        <div class="row">
            <div class="form-group">
                <label>性别</label>
                <div class="form-inline">
                    <input type="radio" name="sex" class="radio" value="男" checked/><label style="margin:0 50px  0 15px;" for="rid_sex_male">男</label>
                    <input type="radio" name="sex" id="rid_sex_female" class="radio" value="女" /><label style="margin:0 50px 0 15px  ;" for="rid_sex_female">女</label>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="form-group">
                <label>密码</label>
                <input type="text" id="password" class="form-control" />
            </div>
        </div>
        <div class="row">
            <div class="form-group">
                <label>年龄</label>
                <input type="number" id="age" class="form-control" />
            </div>
        </div>
        <div class="row">
            <div class="form-group">
                <label>出生日期</label>
                <input type="text" id="birth" class="form-control" />
            </div>
        </div>
        <div class="row text-center">
            <button class="btn btn-success" id="btn_submit">提交</button>
        </div>
    </div>
</body>
<script src="../js/jquery-1.8.3.min.js"></script>
<script src="../js/layer/layer.js"></script>
<script src="../js/bootstrap.min.js" charset="UTF-8"></script>
<script src="../js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script src="../js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script src="../js/icheck.min.js"></script>
<script src="index.js"></script>

</html>